<html>
<head>
<meta name="viewport" content="width=device-width;height=device-height;initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="clip.css" type="text/css" media="all" charset="utf-8"/>
<link rel="stylesheet" href="adventure.css" type="text/css" media="all" charset="utf-8"/>
<script type="text/javascript" charset="utf-8"
        src="jquery.js">
</script>
<script type="text/javascript" charset="utf-8"
        src="logic.js">
</script>

<script type="text/javascript" charset="utf-8"
        src="adventure.js">
</script>
<style type="text/css">
  #menu li {
    color:gray;
    font-family:"Walt Disney Script";
    font-weight:400;
    color:ffcc60;
    text-shadow: -1px -1px #333333, 1px 1px #111111;
  }
  .adventure{
    margin-bottom:33px;
  }
  .beatback{
    margin-bottom:26px;
  }
  .info{
  }

  .adventure:hover {
   color:white;
  }
  .beatback:hover {
   color:white;
  }

</style>
</head>
<body >
<div class='bg-menu playground'>
<ul id='menu' style="position:absolute;width:100px;
    top:285px;left:580px;">
<li class='adventure'><a href="adventure.html"><img src='res/menu/adventure.png'></img></a></li>
<li class='beatback' ><a href="beatback.html">
  <img src='res/menu/beatback.png'></img></a></li>
<li class='info'><a href="info.html">
  <img src='res/menu/gameinfo.png'></img></a></li>
</ul>
</div>
</body>
